<template>
	<view>
		<!-- TODO 用户详情，好友详情，个人信息 -->
		<u-cell-group>
			<u-cell-item :arrow="false">
				<view slot="title" class="u-flex">
					<view class="avatar">
						<u-image height="98rpx" width="98rpx" src="../../extra/images/avatar1.png" border-radius="10" :fade="false"></u-image>
					</view>
					<view class="info u-m-l-24">
						<view class="info-nickname u-font-28 u-line-1">简单</view>
						<view class="info-identify u-font-22">精品号：<text>45655745</text></view>
					</view>
				</view>
			</u-cell-item>
			<u-cell-item title="查找聊天记录"></u-cell-item>
			<u-cell-item title="朋友圈"></u-cell-item>
		</u-cell-group>
		
		<u-cell-group class="u-m-t-20">
			<u-cell-item title="来源" value="扫码" :arrow="false" hover-class="none"></u-cell-item>
			<u-cell-item title="分享TA的名片" :arrow="false"></u-cell-item>
			<u-cell-item title="加入黑名单" :arrow="false"></u-cell-item>
			<u-cell-item title="举报" :arrow="false"></u-cell-item>
		</u-cell-group>
		
		<u-button class="u-m-t-20" :hair-line="false" hover-class="none" :custom-style="{border: 0,borderRadius: 0}">发送信息</u-button>
		<u-button class="u-m-t-20" style="position: fixed;bottom: 0;width: 100%;" :hair-line="false" hover-class="none" :custom-style="{border: 0,borderRadius: 0,color: '#F62727'}">删除</u-button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	page {
		background-color: $bg-color;
	}
	.info-nickname {
		font-weight: bold;
		max-width: 200rpx;
	}
</style>
